<template>
  <div class="p-d">
    <div class="b-f p-d">
      <el-tabs v-model="activeName">
        <el-tab-pane label="政策制度"
          name="laws"></el-tab-pane>
        <el-tab-pane label="工作动态"
          name="work"></el-tab-pane>
        <el-tab-pane label="通知公告"
          name="message"></el-tab-pane>
      </el-tabs>
      <div class="content"
        v-if="activeName=='laws'">
        <LawsPage />
      </div>
      <div class="content"
        v-if="activeName=='work'">
        <WorkPage />
      </div>
      <div class="content"
        v-if="activeName=='message'">
        <MessagePage />
      </div>
    </div>
  </div>
</template>

<script>
import LawsPage from './lawsPage/lawsPage.vue'
import WorkPage from './workPage/workPage.vue'
import MessagePage from './messagePage/messagePage.vue'
export default {
  components: { LawsPage, WorkPage, MessagePage },
  data() {
    return {
      activeName: 'laws'
    }
  }
}
</script>

<style lang="less" scoped>
</style>